প্রকাশিত: 20 মে, 2025
Google I/O 2025-এ, আমরা আপনার উত্পাদনশীলতাকে সুপারচার্জ করতে এবং আরও শক্তিশালী, নিরবচ্ছিন্ন, এবং আধুনিক ওয়েব তৈরি করতে আপনাকে ক্ষমতায়নের জন্য নতুন বৈশিষ্ট্যগুলি উন্মোচন করেছি।
এখানে 10টি মূল উদ্ভাবন রয়েছে যা সরাসরি আপনার হাতে অত্যাধুনিক ক্ষমতা রাখে এবং আপনার পরবর্তী প্রকল্পকে অনুপ্রাণিত করতে নিশ্চিত।
1. CSS এবং HTML এর কয়েকটি লাইন দিয়ে ক্যারোসেল তৈরি করা আগের চেয়ে সহজ
CSS দিয়ে সুন্দর ক্যারোসেল তৈরি করুন যা প্রথম পেইন্টে ইন্টারেক্টিভ। Chrome 135 নতুন CSS প্রিমিটিভ প্রবর্তন করেছে—স্টাইলেবল ফ্র্যাগমেন্টেশন, স্ক্রোল মার্কার উপাদান, এবং স্ক্রোল বোতাম—যাভাস্ক্রিপ্ট ছাড়া ক্যারোজেল তৈরিকে সহজ করে। সময়ের একটি ভগ্নাংশে সমৃদ্ধ, ইন্টারেক্টিভ, মসৃণ এবং আরও অ্যাক্সেসযোগ্য ক্যারোসেল তৈরি করতে পরিচিত CSS ধারণাগুলি ব্যবহার করুন।
2. ঘোষণামূলক পপোভারস: নতুন ইন্টারেস্ট ইনভোকার API প্রবর্তন করা হচ্ছে
পরীক্ষামূলক ইন্টারেস্ট ইনভোকার API একটি অরিজিন ট্রায়াল হিসাবে উপলব্ধ। এই বৈশিষ্ট্যটির সাহায্যে, যখন দর্শক আগ্রহ অল্প সময়ের জন্য সক্রিয় থাকে তখন আপনি ঘোষণামূলকভাবে পপওভার টগল করতে পারেন। বিদায় আনস্টাইলেবল [title] বৈশিষ্ট্য; হ্যালো [interesttarget] ! জাভাস্ক্রিপ্ট ছাড়া টুলটিপ বা হোভার কার্ডের মতো সমৃদ্ধ, প্রতিক্রিয়াশীল এবং ইন্টারেক্টিভ UI উপাদান তৈরি করতে অ্যাঙ্কর পজিশনিং API এবং Popover API-এর সাথে এটিকে একত্রিত করুন। আধুনিক সিএসএসের সাথে সম্ভাবনা অন্তহীন!
3. জেমিনি ন্যানো-এর মতো নেতৃস্থানীয় মডেলগুলি ব্যবহার করে বেশ কিছু অন্তর্নির্মিত AI API পাওয়া যায়, এখন প্রম্পট API-এ মাল্টিমোডাল ক্ষমতার বৈশিষ্ট্য রয়েছে
আমাদের অন্তর্নির্মিত AI যাত্রা অব্যাহত রয়েছে, যা আপনাকে উন্নত গোপনীয়তা, কম লেটেন্সি এবং কম খরচের সাথে উচ্চ-মানের, AI-তৈরি আউটপুটে অ্যাক্সেস এনেছে। বিল্ট-ইন AI বিশেষজ্ঞ মডেল এবং জেমিনি ন্যানো ব্যবহার করে, Google-এর সবচেয়ে দক্ষ মডেল, অন-ডিভাইস কাজের জন্য। Chrome 138 থেকে, Summarizer API , Language Detector API , Translator API , এবং Chrome এক্সটেনশনের জন্য প্রম্পট API স্থিতিশীল এ উপলব্ধ৷ এছাড়াও, রাইটার এপিআই এবং রিরাইটার এপিআই অরিজিন ট্রায়ালে পাওয়া যায়।
নতুন প্রুফরিডার API, মাল্টিমোডাল ক্ষমতা সহ প্রম্পট API সহ, Chrome ক্যানারিতে উপলব্ধ।
সাম্প্রতিক তথ্যের জন্য, নতুন অন্তর্নির্মিত AI API-তে সহযোগিতা করতে এবং ওয়েবে AI-এর ভবিষ্যত গঠন করতে আমাদের প্রাথমিক প্রিভিউ প্রোগ্রামে যোগ দিন।
4. ক্লায়েন্ট-সাইড AI একটি হাইব্রিড AI সমাধান প্রদান করতে Firebase এবং Gemini Developer API-এর সাথে প্রসারিত
Firebase এবং Gemini Developer API-এর সাথে আমাদের সহযোগিতার অর্থ হল আপনি এখন মোবাইল এবং ডেস্কটপে AI-চালিত ওয়েব অভিজ্ঞতা তৈরি করতে পারবেন। এই অ্যাপ্লিকেশনগুলি যখন সম্ভব তখন ক্লায়েন্ট-সাইড এআই ব্যবহার করে এবং সমস্ত ডিভাইস এবং ব্রাউজারে পৌঁছানোর জন্য সার্ভার-সাইড AI-তে সীমাহীনভাবে স্কেল করে। আজ থেকে, Firebase AI লজিক Gemini Developer API ব্যবহার করে সার্ভার সাইডে Gemini Nano দ্বারা সমর্থিত Chrome-এর অন্তর্নির্মিত প্রম্পট API এবং অনুরূপ ছোট মডেলগুলিতে নির্বিঘ্ন অ্যাক্সেস প্রদান করে।
5. Chrome DevTools-এ AI সহায়তা স্টাইলিং, পারফরম্যান্স এবং আরও অনেক কিছু জুড়ে আপনার ডিবাগিং ওয়ার্কফ্লোকে সমর্থন করে
AI সহায়তায় , আপনি এলিমেন্টস প্যানেলে স্টাইলিং ত্রুটিগুলি ডিবাগ করতে, পারফরম্যান্স প্যানেলে কর্মক্ষমতা সমস্যাগুলি সমাধান করতে, নেটওয়ার্ক প্যানেলে নেটওয়ার্ক সমস্যাগুলি সনাক্ত করতে এবং উত্স প্যানেলে উত্স ফাইলগুলি সনাক্ত করতে সহায়তা করতে জেমিনির সাথে চ্যাট করতে পারেন৷ এছাড়াও, এআই সহায়তা এখন এলিমেন্টস প্যানেলে আপনার সোর্স কোডে এর স্টাইলিং-সম্পর্কিত পরিবর্তনগুলি সরাসরি প্রয়োগ করতে পারে।
6. Chrome DevTools পারফরম্যান্স প্যানেলে প্রকৃত-ব্যবহারকারীর ডেটা, লাইটহাউস ইনসাইট এবং AI বৈশিষ্ট্যগুলি আপনাকে কার্যক্ষমতা সংক্রান্ত সমস্যাগুলি বুঝতে এবং সমাধান করতে সহায়তা করে
পুনর্গঠিত পারফরম্যান্স প্যানেলের সাহায্যে, আপনি এখন স্থানীয় এবং বাস্তব-ব্যবহারকারীর কোর ওয়েব ভাইটাল ডেটা অ্যাক্সেস করতে পারেন এবং পারফরম্যান্সের সমস্যাগুলি বুঝতে এবং সমাধান করতে আপনাকে সাহায্য করার জন্য জেমিনিকে বলুন । অন্তর্দৃষ্টি সাইডবার আপনার ট্রেসগুলিতে লাইটহাউস অন্তর্দৃষ্টি নিয়ে আসে যা আপনাকে দ্রুত ডিবাগ করতে সাহায্য করে—সবকিছুই আপনার কর্মপ্রবাহ ছেড়ে না দিয়ে বা আপনার উত্পাদনশীলতা ব্যাহত না করেই৷
7. বেসলাইন বৈশিষ্ট্যগুলির প্রাপ্যতা এখন আপনার পরিচিত সরঞ্জামগুলিতে রয়েছে: VS কোড, ESLint এবং আরও অনেক কিছু
বেসলাইন ইন্টিগ্রেশনের সাথে আপনার ওয়েব ডেভেলপমেন্ট ওয়ার্কফ্লোতে আরও সঠিকতা এবং আস্থা অর্জন করুন। আপনার পরিচিত ওয়েব ডেভেলপমেন্ট টুলের মধ্যে, আপনি প্রধান ব্রাউজারগুলিতে ওয়েব বৈশিষ্ট্যগুলির উপলব্ধতার স্পষ্ট দৃশ্যমানতা অর্জন করবেন:
- IDEs: VSCode এখন আপনার নির্মাণের সাথে সাথে বৈশিষ্ট্যগুলির বেসলাইন স্থিতি প্রদর্শন করে, যার সাহায্যে Firebase Studio, Windsurf, GitHub Codespaces এবং আরও অনেক কিছু সহ JetBrains এবং VS কোড-ভিত্তিক IDE-এর দ্বারা WebStorm-এ শীঘ্রই সমর্থন আসছে।
- লিন্টার: আপনি যখন আপনার বেসলাইন টার্গেটের চেয়ে নতুন বৈশিষ্ট্য ব্যবহার করছেন তখন CSS এবং HTML লিন্টারগুলি আপনাকে সক্রিয়ভাবে সতর্ক করতে পারে। CSS, HTML ESLint , এবং Stylelint-এর জন্য ESLint- এ বেসলাইন সমর্থিত।
- বিশ্লেষণ: RUMvision বাস্তব ব্যবহারকারীর মেট্রিক্সের সাথে বেসলাইন ডেটাকে একত্রিত করে, আপনাকে কৌশলগতভাবে আপনার দর্শকদের জন্য সর্বোত্তম বেসলাইন সংস্করণ নির্বাচন করতে দেয়। Google Analytics ব্যবহারকারীরা বেসলাইন সুপারিশ পেতে তাদের ডেটা Google Analytics বেসলাইন চেকারে আপলোড করতে পারেন।
- কম্পাইলার: ব্যাবেল এবং পোস্টসিএসএসের মতো আপনার কোড সংকলন সরঞ্জামগুলিতে আপনার বেসলাইন লক্ষ্যগুলি প্লাগ করতে ব্রাউজারলিস্ট-কনফিগ-বেসলাইন ব্যবহার করুন যাতে আপনি আপনার উত্স কোডে আধুনিক বৈশিষ্ট্যগুলি ব্যবহার করতে পারেন এবং সেগুলিকে আপনার উত্পাদন বিল্ডগুলিতে সংকলন করতে পারেন৷
8. ওয়েব প্ল্যাটফর্ম ড্যাশবোর্ডের মাধ্যমে ওয়েব বৈশিষ্ট্য সমর্থনের একটি সম্পূর্ণ দৃশ্য লাভ করুন৷
গত বছর আমরা ওয়েব প্ল্যাটফর্ম ড্যাশবোর্ড ঘোষণা করেছি, ওয়েব-বৈশিষ্ট্যের ডেটা অন্বেষণ করার একটি উপায় যা সমগ্র ওয়েব প্ল্যাটফর্মকে বৈশিষ্ট্যের একটি সেট হিসাবে মানচিত্র করে। ওয়েব-বৈশিষ্ট্য ডেটাসেট এখন 100% ম্যাপ করা হয়েছে, প্রথমবারের মতো, আপনি প্রতিটি ব্রাউজারে প্রতিটি বৈশিষ্ট্যের বেসলাইন স্থিতি দেখতে পাবেন—এভিআইএফ থেকে রূপান্তরগুলি দেখুন—তাদের উপলব্ধতা এবং গ্রহণ সহ। অবগত থাকুন এবং আত্মবিশ্বাসের সাথে গড়ে তুলুন!
9. ক্রেডেনশিয়াল ম্যানেজারের সাথে একটি সুবিন্যস্ত সাইন-ইন অভিজ্ঞতার জন্য বিকাশকারী ট্রায়াল৷
পাসওয়ার্ড, পরিচয় ফেডারেশন এবং পাসকি সহ একাধিক প্রমাণীকরণ পদ্ধতি আপনার সাইটের ব্যবহারকারীদের জন্য যে ঘর্ষণ সৃষ্টি করতে পারে তা আমরা স্বীকার করি। আমাদের লক্ষ্য হল ব্যবহারকারীদের জন্য একীভূত এবং অনায়াসে সাইন-ইন করার অভিজ্ঞতা আনা, এবং তাই আমরা Chrome-এ Android-এর ক্রেডেনশিয়াল ম্যানেজারের স্বজ্ঞাত অভিজ্ঞতা নিয়ে আসছি। শীঘ্রই, যখন ব্যবহারকারীরা সাইন-ইন-এ ক্লিক করবে তখন Chrome এই সাইটের জন্য উপলব্ধ শংসাপত্রগুলি দেখাবে, যেমন Google পাসওয়ার্ড ম্যানেজার থেকে পাসকি এবং পাসওয়ার্ড, সাইন ইনকে নির্বিঘ্ন করে। আমরা এই অভিজ্ঞতার সাথে পরিচয় ফেডারেশন যুক্ত করার পরিকল্পনা করছি। ওয়েবের ক্রেডেনশিয়াল ম্যানেজার এখন ডেভেলপার ট্রায়ালে রয়েছে; এই বছরের পরে আরও আপডেটের জন্য সাথে থাকুন।
10. জমা পর্যালোচনা বাতিল করার ক্ষমতা সহ Chrome এক্সটেনশনে দ্রুত পুনরাবৃত্তি করুন৷
আপনার ক্রোম এক্সটেনশন জমা দেওয়া নির্বিঘ্ন, চিন্তামুক্ত এবং উত্তেজনাপূর্ণ বোধ করা উচিত! যাইহোক, আমরা জানি যে ঘর্ষণ একটি ক্ষেত্র একটি মুলতুবি জমা একটি ভুল দ্রুত সংশোধন করতে অক্ষম ছিল. এই বছরের শুরুর দিকে, আমরা একটি মুলতুবি জমা বাতিল করার ক্ষমতা প্রবর্তন করেছি, যা পূর্বে প্রকাশিত একটি সংস্করণ রোল ব্যাক করার ক্ষমতার উপর ভিত্তি করে তৈরি করে—সবকিছুই আপনাকে পরিবর্তন করতে এবং দ্রুত পুনরায় জমা দেওয়ার লক্ষ্যে।
সমস্ত সাম্প্রতিক তথ্যের জন্য, আমরা কীভাবে একটি শক্তিশালী ওয়েব তৈরি করছি, তা আরও সহজ করে জানার জন্য developer.chrome.com এবং web.dev-এ যান৷ এবং X , YouTube , এবং LinkedIn- এ আমাদের সাথে সংযোগ করতে ভুলবেন না। পরবর্তী I/O এ দেখা হবে!
Deloitte এক বা একাধিক Deloitte Touche Tohmatsu Limited, গ্যারান্টি দ্বারা সীমিত একটি UK প্রাইভেট কোম্পানী ("DTTL"), এর সদস্য সংস্থাগুলির নেটওয়ার্ক এবং তাদের সম্পর্কিত সত্ত্বাকে বোঝায়। DTTL এবং এর সদস্য সংস্থাগুলির প্রত্যেকটি আইনত আলাদা এবং স্বাধীন সত্তা। DTTL ("Deloitte Global" নামেও পরিচিত) গ্রাহকদের পরিষেবা প্রদান করে না। মার্কিন যুক্তরাষ্ট্রে, Deloitte বলতে DTTL-এর এক বা একাধিক মার্কিন সদস্য সংস্থাকে বোঝায়, তাদের সংশ্লিষ্ট সংস্থাগুলি যেগুলি মার্কিন যুক্তরাষ্ট্রে "Deloitte" নাম ব্যবহার করে কাজ করে এবং তাদের সংশ্লিষ্ট সংস্থাগুলি। পাবলিক অ্যাকাউন্টিংয়ের নিয়ম ও প্রবিধানের অধীনে ক্লায়েন্টদের সত্যায়িত করার জন্য কিছু পরিষেবা উপলব্ধ নাও হতে পারে। আমাদের সদস্য সংস্থাগুলির বিশ্বব্যাপী নেটওয়ার্ক সম্পর্কে আরও জানতে দয়া করে www.deloitte.com/about দেখুন৷